<template>
    <cover-view class="custmer-phone"  @tap.stop="link('/pages/contact/contact')">
      <cover-image class="phone" src="/static/icon/phone.png" mode="">

      </cover-image>
    </cover-view>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {
        link(url) {
            uni.navigateTo({ url });
        }
    }
};
</script>

<style lang="scss" scoped>
  @import "../../uni";
.custmer-phone {
    z-index: 9;
    position: fixed;
    right: 48upx;
    bottom: upx(100);
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    width: 74upx;
    height: 74upx;
    box-shadow: 0 4upx 8upx 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
    .phone {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        width: 40upx;
        height: 40upx;
        opacity: 1;
        background: #fff;
        padding: 16upx;
        border-radius: 50%; 
        box-shadow: 0 4upx 8upx 0 rgba(0, 0, 0, 0.15);
        
    }
}
</style>
